<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
    <%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%
	String path = request.getContextPath();
	String basePath = request.getScheme() + "://"
			+ request.getServerName() + ":" + request.getServerPort()
			+ path + "/";
%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<script type="text/javascript" src="<%=basePath%>js/jquery-2.1.0.min.js"></script>
<script type="text/javascript" src="<%=basePath%>js/vue.min.js"></script>
<script type="text/javascript" src="<%=basePath%>js/BaseUtile.js"></script>
<link rel="stylesheet" href="<%=basePath%>css/layui/css/layui.css">
<script type="text/javascript"
	src="<%=basePath%>js/systemManage/permissionManage.js"></script>


</head>
<body style="padding: 2%">
	<div>
		<div>
			<b style="font-size: 25px">权限管理</b> 
			
			<button  class="layui-btn layui-btn-danger" id="createPermissionButton">新增权限</button>
		</div>
		<div id="permissionDiv">
			<table class="layui-table">
				<thead>
					<tr>
						<th>序号</th>
						<th>名称</th>
						<th>路径</th>
						<th>类别</th>
						<th>操作</th>
					</tr>
				</thead>
				<tbody>
						<tr v-for="(item ,index) in items">
						<td>{{index+1}}</td>
							<td>{{item.permissionName}}</td>
							<td>{{item.url}}</td>
							<td>{{item.classification}}</td>
							<td>
							<button class="layui-btn"
									v-on:click="editItem(item)">编辑</button>
								<button class="layui-btn" v-on:click="deleteItem(item)">删除</button></td>
						</tr>
				</tbody>
			</table>
		</div>
	</div>
	
		<script type="text/javascript" src="<%=basePath%>css/layui/layui.js"></script>
	<script>
		layui.use('form', function() {

		});
	</script>
</body>
</html>